import Vue from "vue";
import VueRouter from "vue-router";
// import Home from "../views/Home.vue";
import New from "../views/New.vue";
import Ranking from "../views/Ranking.vue";
import Song from "../views/Song.vue";
import Singer from "../views/Singer.vue";
import Listen from "../views/Listen.vue";
Vue.use(VueRouter);


const routes = [{
        path: "/",
        name: "New",
        component: New,
    },
    {
        path: "/rangking",
        name: "Ranking",
        component: Ranking,
    },
    {
        path: "/song",
        name: "Song",
        component: Song,
    },
    {
        path: "/singer",
        name: "Singer",
        component: Singer,
    },
    {
        path: "/listen",
        name: "Listen",
        component: Listen,
    },
   
    // {
    //   path: "/about",
    //   name: "About",
    //   // route level code-splitting
    //   // this generates a separate chunk (about.[hash].js) for this route
    //   // which is lazy-loaded when the route is visited.
    //   component: () =>
    //     import(/* webpackChunkName: "about" */ "../views/About.vue"),
    // },
];

const router = new VueRouter({
    routes,
});

export default router;